<div class="row content">
        <div class="list-container">
            <div class="condition">
                <form #searchForm="ngForm" (submit)="searchClassEntity()">
                        <div class="row">
                            <div class="col">
                                <label for="">学期：</label>
                                <select 
                                name="term_id"
                                [(ngModel)]='search.term_id'
                                (change)="getClassEntity()"
                                class="custom-select my-1 mr-sm-2" 
                                >
                                    <option *ngFor="let term of terms" 
                                    value="{{ term.id }}">{{ term.name }}</option>
                                </select>
                            </div>
                            <div class="col">
                                <input class="form-control timerange" 
                                    name="search_type" 
                                    *ngIf="selectedTerm"
                                 disabled value="{{ selectedTerm.start_day }} -- {{ selectedTerm.end_day }}">
                            </div>
                            <div class="col">
                                <label for="search_type">时间：</label>
                                <input class="form-control  width80" name="search_type" type="text" disabled value="{{ MName }}">
                            </div>
                            <div class="col">
                                    <button type="button" class="btn btn-info" (click)="pickAM()">上午</button>
                                    <button type="button" class="btn btn-success" (click)="pickPM()">下午</button>
                                    <button type="button" class="btn btn-danger" (click)="pickAN()">晚上</button>
                            </div>
                            <!-- <div class="col">
                                <select 
                                class="custom-select my-1 mr-sm-2" 
                                >
                                    <option selected>请选择学期...</option>
                                    <option value="1">One</option>
                                    <option value="2">Two</option>
                                    <option value="3">Three</option>
                                </select>
                            </div> -->
                            <!-- <div class="col"> 
                                <button 
                                type="submit"
                                [disabled]="!searchForm.form.valid"
                                class="btn btn-primary my-1">搜索</button> 
                            </div> -->
                        </div>
                </form>
            </div>
            <div class="list"   *ngIf="data" >
                <div class="line"
                        *ngFor="let item of data;let i=index"
                        >
                        <h3 class="panel_title">{{ item.title }}</h3>
                        <div class="row" >
                            <app-show-cell 
                            *ngFor="let classEntity of item.list"
                            class="col-sm-2" 
                            [classEntity]="classEntity"></app-show-cell>
                        </div>
                </div>

            </div>
        </div>    
</div>